<template>
  <div class="footer">
    <div class="copyright">
      <div class="container flex-column">
        <p>
          <span class="mr5">Copyright © 2012-2020</span>
          <a href="https://gitee.com/lxhcool">nicemusic 演示站</a>
          <span>. Designed by</span>
          <a href="https://www.lxhcool.cn" target="_blank">LXH</a>.
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  components: {},
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {}
}
</script>
<style lang="stylus" scoped>
.footer {
  width: 100%;
  .copyright {
    padding: 1.3rem 0;
    .container {
      padding: 0;
      color: #6D7685;
      font-size: 0.8125rem;
      a {
        color: #6D7685;
        margin-left: 5px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        &:hover {
          color: #333;
        }
      }
    }
  }
}
</style>
